<script type="text/template" id="visitorOrder-template">
    <div id="visitorOrderBody" class="visitor-body visitorOrder-body">
        <div class="vo-search-box clearfix">
            <div class="clearfix" style="margin-bottom:10px;">
                <div class="input-row">
                    <div class="search-title">来访姓名：</div>
                    <div class=""><input id="name" type="text" value=""></div>
                </div>
                <div class="input-row">
                    <div class="search-title">所属单位：</div>
                    <div class=""><input id="department" type="text" value=""></div>
                </div>
                <div class="input-row clearfix">
                    <div class="search-title">状态：</div>
                    <div class="">
                        <select id="state">
                            <option value="">全部</option>
                            <option value="0">已预约</option>
                            <option value="1">访问中</option>
                            <option value="2">访问结束</option>
                            <option value="3">已撤销</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="input-row">
                <div class="search-title">受访人姓名：</div>
                <div class=""><input id="inviterName" type="text" value=""></div>
            </div>
            <div class="input-row">
                <div class="search-title">部门：</div>
                <div class="">
                    <select id="depart" style="width:172px;">
                        <option value="">全部</option>
                        <@for(var i = 0;i<depart.length;i++){@>
                            <option value="<@=depart[i].id@>"><@=depart[i].name@></option>\
                        <@}@>
                    </select>
                </div>
            </div>
            <div class="common-search-btn order-btn">来访人员预约</div>
            <div class="common-search-btn search-btn">查询</div>
        </div>
        <div class="visitorOrder-list list-box">
            
        </div>

    </div>
</script>

<script type="text/template" id="order-pop-template">
    <div class="pop-con-box clearfix">
        <div class="op-title clearfix">来访人员信息</div>

        <div class="op-box clearfix">
            <div class="clearfix" style="margin-bottom:10px;">
                <div class="input-row">
                    <div class="search-title">来访姓名：</div>
                    <div class=""><input id="v-name" type="text" value="" placeholder="必填"></div>
                </div>
                <div class="input-row">
                    <div class="search-title">身份证号：</div>
                    <div class=""><input id="v-idCard" type="text" value=""  placeholder="必填"></div>
                </div>
            </div>
            <div class="clearfix" style="margin-bottom:10px;">
                <div class="input-row">
                    <div class="search-title">电话：</div>
                    <div class=""><input id="v-tel" type="text" value=""  placeholder="必填"></div>
                </div>
                <div class="input-row">
                    <div class="search-title">性别：</div>
                    <div class="">
                        <select id="v-sex">
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>
                    </div>
                </div>
            </div>
             <div class="input-row" style="width:100%;margin-bottom:10px;">
                <div class="search-title">所属单位：</div>
                <div class=""><input id="v-department" type="text" value=""  placeholder="必填"></div>
            </div>
            <div class="input-row" style="margin-bottom:10px;">
                <div class="search-title">预计时间：</div>
                <div class="cro-right date-time-row">
                    <div class="date-from date">
                        <input id="v-planStart" size="16" type="text" class="span2" value="" readonly=""  placeholder="必填">
                        <span class="data-icon add-on"><i class="fa fa-calendar"></i></span>
                    </div>
                    <div class="zi">~</div>
                    <div class="date-from date">
                        <input id="v-planEnd" size="16" type="text" class="span2" value="" readonly=""  placeholder="必填">
                        <span class="data-icon add-on"><i class="fa fa-calendar"></i></span>
                    </div>
                </div>
            </div>
            <div class="input-row" style="margin-bottom:10px;">
                <div class="search-title">来访事由：</div>
                <div class="">
                    <textarea id="v-visiteReason" class="" placeholder="必填"></textarea>
                </div>
            </div>
        </div>

        <div class="op-title clearfix">受访人员信息</div>
        <div class="op-box clearfix">
            <div class="input-row">
                <div class="search-title">部门：</div>
                <div class=""><input type="text" id="departs" name="" value="" disabled></div>
            </div>
            <div class="input-row">
                <div class="search-title">人员：</div>
                <div class=""><input type="text" id="users" name="" value="" disabled></div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="revoke-pop-template">
    <@
        var startTime = new Date(detail.planStartTime).format("yyyy-MM-dd HH:mm:ss"),
            endTime =  new Date(detail.planEndTime).format("yyyy-MM-dd HH:mm:ss");
     @>
    <div class="pop-con-box clearfix">
        <div class="op-box clearfix">
            <div class="input-row" style="width:100%;margin-bottom:10px;">
                <div class="search-title">来访姓名：</div>
                <div class=""><@=detail.name@></div>
            </div>
            <div class="input-row" style="width:100%;margin-bottom:10px;">
                <div class="search-title">身份证号：</div>
                <div class=""><@=detail.idCard@></div>
            </div>
            <div class="input-row" style="width:100%;margin-bottom:10px;">
                <div class="search-title">所属单位：</div>
                <div class=""> <@=detail.department@></div>
            </div>
            <div class="input-row" style="margin-bottom:10px;">
                <div class="search-title">预计时间：</div>
                <div class=""><@=startTime@>  ----  <@=endTime@></div>
            </div>
            <div class="input-row" style="margin-bottom:10px;">
                <div class="search-title">来访事由：</div>
                <div class=""><@=detail.reason@></div>
            </div>
        </div>

        <div class="op-box clearfix">
            <div class="input-row" style="width:100%;margin-bottom:10px;" >
                <div class="search-title">受访姓名：</div>
                <div class=""> <@=detail.name@></div>
            </div>
            <div class="input-row">
                <div class="search-title">撤销原因：</div>
                <div class="">
                    <textarea id="revokeReason" class=""></textarea>
                </div>
            </div>
        </div>
    </div>
</script>

